<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="/static/js/jquery-1.12.0.min.js" type="text/javascript"></script>
  <script src="/static/js/layer.js" type="text/javascript"></script>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>线索挖掘平台</title>
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimal-ui,maximum-scale=1,minimum-scale=1">
  <link rel="stylesheet" href="../../static/css/init.css" type="text/css">
  <link rel="shortcut icon" href="https://www.shangwuzhushou.com/favicon.ico" type="image/x-icon">
  <link href="../../static/css/app.e7b2f0a7f32d81e95faa5d543ac42250.css" rel="stylesheet">
  <style type="text/css">
    @keyframes resizeanim {
      from {
        opacity: 0;
      }
      to {
        opacity: 0;
      }
    }

    .resize-triggers {
      animation: 1ms resizeanim;
      visibility: hidden;
      opacity: 0;
    }

    .resize-triggers,
    .resize-triggers>div,
    .contract-trigger:before {
      content: " ";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      overflow: hidden;
    }

    .resize-triggers>div {
      background: #eee;
      overflow: auto;
    }

    .contract-trigger:before {
      width: 200%;
      height: 200%;
    }
  </style>
</head>

<body style="">
  <div id="app">
    <div data-v-64e70f24="" class="el-row">
      <div data-v-64e70f24="" class="el-col el-col-7 el-col-offset-4">
        <div data-v-64e70f24="" class="logo el-col el-col-24">
          <img data-v-64e70f24="" src=""
            alt="">
        </div>
        <div data-v-64e70f24="" class="logo-slogan el-col el-col-24">
          <p data-v-64e70f24="">专注大数据挖掘平台</p>
        </div>
      </div>
      <div data-v-64e70f24="" class="login-box el-col el-col-10">
        <div data-v-64e70f24="" class="box shadow"></div>
        <form data-v-64e70f24="" class="el-form demo-ruleForm card-box loginform el-form--label-left" action="" method="post">
          <h3 data-v-64e70f24="" class="title">用户登录</h3>
          <div data-v-64e70f24="" class="el-form-item">
            <div class="el-form-item__content" style="margin-left: 0px;">
              <div data-v-64e70f24="" class="el-input">
                <input id="username" autocomplete="off" placeholder="账号" name="username" type="text" rows="2" validateevent="true" class="el-input__inner">
              </div>
            </div>
          </div>
          <div data-v-64e70f24="" class="el-form-item">
            <div class="el-form-item__content" style="margin-left: 0px;">
              <div data-v-64e70f24="" class="el-input">
                <input id="password" autocomplete="off" placeholder="密码" name="password" type="password" rows="2" validateevent="true" class="el-input__inner">
              </div>
            </div>
          </div>
          <div data-v-64e70f24="" class="error el-col el-col-24">
            <p data-v-64e70f24=""></p>
          </div>
          <div data-v-64e70f24="" class="el-form-item" style="width: 100%;">
            <!---->
            <div class="el-form-item__content" style="margin-left: 0px;">
              <button data-v-64e70f24="" autofocus="autofocus" type="button" class="el-button btn-login el-button--default"
                style="width: 100%;" onclick="btn()">
                <span>登录</span>
              </button>
              <!---->
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
  <div class="el-message-box__wrapper" style="z-index: 2014; display: none;">
    <div class="el-message-box">
      <div class="el-message-box__header">
        <div class="el-message-box__title">请重新登录</div>
        <i class="el-message-box__close el-icon-close"></i>
      </div>
      <div class="el-message-box__content">
        <div class="el-message-box__status"></div>
        <div class="el-message-box__message" style="margin-left: 0px;">
          <p>登录超时或账号在另一处登录</p>
        </div>
        <div class="el-message-box__input" style="display: none;">
          <div class="el-input">
            <input autocomplete="off" placeholder="" type="text" rows="2" validateevent="true" class="el-input__inner">
          </div>
          <div class="el-message-box__errormsg" style="visibility: hidden;"></div>
        </div>
      </div>
      <div class="el-message-box__btns">
        <button type="button" class="el-button el-button--default" style="display: none;">
          <span>
            取消
          </span>
        </button>
        <button type="button" class="el-button el-button--default el-button--primary ">
          <span>
            确定
          </span>
        </button>
      </div>
    </div>
  </div>
</body>

<script type="text/javascript">
	function btn() {
		var name = $("#username").val();
		var pwd = $("#password").val();
		$.ajax({
			url : "/web/user/login",
			data : {
				'name' : name,
				'pwd' : pwd
			},
			dataType : "json",
			type : "POST",
			success : function(d) {
				if (d.code == '200') {
					layer.msg(d.msg);
					location.replace("/web/data/index");
				} else {
					layer.msg(d.msg);
				}
			},
			error : function() {
				return layer.msg("网络错误!");
			}
		});
	}
</script>
</html>
<script type="text/javascript">
</script>
